<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
    <meta charset="utf-8">
    <title>Phoenix</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes" />    
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- ===================== Touch Icons ===================== -->
    <link rel="shortcut icon" href="<?php echo style_admin()?>favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo style_admin()?>apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo style_admin()?>apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo style_admin()?>apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<?php echo style_admin()?>apple-touch-icon-57-precomposed.png">

    <!-- ===================== CSS ===================== -->    
    <link href='fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>  
    <link rel="stylesheet" href="<?php echo style_admin()?>css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo style_admin()?>css/bootstrap/bootstrap-responsive.min.css">    

    <!-- Site specific - CSS --> 
    <?php view_load($temp . '_css');?>
    
    <!-- Common - CSS -->     
    <link rel="stylesheet" href="<?php echo style_admin()?>css/theme_light/common.css">  
    <link rel="stylesheet" href="<?php echo style_admin()?>css/theme_light.css" class="style_set">
    
    <!--[if lt IE 9]>
      <script src="html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="<?php echo $url_styles?>js/libs/jquery-1.7.2.min.js"></script>  
    <script>
        var style_url = '<?php echo style_admin()?>';
    </script>
  </head>
  <body>
    <div id="loader_cont"><img src="<?php echo style_admin()?>img/loaders/page_loader.gif"></div> 
    <?php view_load('admin/widget/option_panel');?>
	<?php view_load('admin/login/nav');?>
	<?php view_load('admin/login/container');?>
    <!-- ===================== CHAT - Modal ===================== -->
    <div id="chat_modal" class="chat_modal modal fade hide">
      <div class="modal-header">
        <ul>
          <li class="toggle_users"><a href="#">Show Users</a></li>
          <li class="status">
            <a class="online" href="#"><span>Status</span></a>  
            <ul>
               <li><a class="online" href="#" title="Online"><span>Online</span></a></li>
               <li><a class="away" href="#" title="Away"><span>Away</span></a></li>
               <li><a class="busy" href="#" title="Busy"><span>Busy</span></a></li>
               <li><a class="invisiblee" href="#" title="Invisible"><span>Invisible</span></a></li>
               <li><a class="offline" href="#" title="Offline"><span>Offline</span></a></li>
             </ul> 
          </li>
          <li class="chat_name">John Doe</li>
        </ul>       
        <button type="button" class="close" data-dismiss="modal">x</button>        
      </div>
      <div class="modal-body">
        <div class="msg_cont left">
          <img src="<?php echo style_admin()?>img/general/user_1.jpg" width="50" height="50" alt="User">
          <ul>
            <li>
              <h3>John Doe:</h3> 
              <span>16 minutes ago</span>
            </li>
            <li>Aliquam iaculis volutpat ipsum ullamcorper tempus. In in dui tortor. Mauris sed volutpat
metus. Duis ut sapien sapien, id pellentesque orci. Nullam nisl metus, sodales ut laoreet 
eget, pretium porttitor quam. Sed varius vulputate lacinia. </li>
          </ul>    
        </div>
        <div class="msg_cont right">
          <img src="<?php echo style_admin()?>img/general/user_2.jpg" width="50" height="50" alt="User">
          <ul>
            <li>
              <h3>Jessie Doe:</h3> 
              <span>16 minutes ago</span>
            </li>
            <li>Aliquam iaculis volutpat ipsum ullamcorper tempus. In in dui tortor. Mauris sed volutpat
metus. Duis ut sapien sapien, id pellentesque orci. Nullam nisl metus, sodales ut laoreet 
eget, pretium porttitor quam. Sed varius vulputate lacinia. </li>
          </ul>    
        </div>
        <div class="msg_cont left">
          <img src="<?php echo style_admin()?>img/general/user_1.jpg" width="50" height="50" alt="User">
          <ul>
            <li>
              <h3>John Doe:</h3> 
              <span>16 minutes ago</span>
            </li>
            <li>Aliquam iaculis volutpat ipsum ullamcorper tempus. In in dui tortor. Mauris sed volutpat
metus. Duis ut sapien sapien, id pellentesque orci. Nullam nisl metus, sodales ut laoreet 
eget, pretium porttitor quam. Sed varius vulputate lacinia. </li>
          </ul>    
        </div>        
      </div>
      <div class="modal-footer">        
        <textarea></textarea>
        <a href="#" class="btn btn-inverse">Send</a>
      </div>
    </div>    

    <!-- ===================== JS ===================== -->
      
    <script src="<?php echo $url_styles?>js/libs/bootstrap.min.js"></script>   
    <script src="<?php echo $url_styles?>js/libs/ios-orientationchange-fix.js"></script>          
    <script src="<?php echo $url_styles?>js/libs/jquery-ui-1.8.20.custom.min.js"></script>
    <script src="<?php echo $url_styles?>js/plugins/widgets/jquery.sparkline.min.js"></script>
    <script src="<?php echo $url_styles?>js/common.js"></script> 
    
    <!-- Site specific --> 
	<script src="<?php echo $url_styles ?>js/script.js"></script>
    <?php view_load($temp . '_js');?>
    
  </body>
</html>
